<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>input表单元素</title>
</head>
<body>
    
    <h2>input标签之type属性</h2>
    <form action="xxx.php" method="get">
        <!-- text文本框 -->
        用户名：<input type="text" name="username" value="请输入用户名"><br>
        <!-- password密码框 -->
        密码：<input type="password" name="pwd"  maxlength="6"><br>
        <!-- radio单选按钮，必须设置相同的name属性 -->
        性别：男<input type="radio" name="sex" value="男"> 女<input type="radio" name="sex" value="女"><br>
        <!-- 单选按钮和复选框可以设置checked属性，当页面打开的时候就可以默认选中这个按钮 -->
        <!-- checkbox复选框 -->
        爱好：吃饭<input type="checkbox">睡觉<input type="checkbox" checked="checked">打豆豆<input type="checkbox">
        <br>
        <!-- 点击提交按钮submit后，可以将表单域form中的表单元素里的值提交给后台服务器 -->
        <input type="submit" value="免费注册">
        <!-- 重置按钮reset -->
        <input type="reset" value="重新填写">
        <!-- 普通按钮button 后期会结合js搭配使用（动作）-->
        <input type="button" value="获取短信验证码"> <br>
        <!-- 文件域file 使用场景 上传文件 -->
        上传头像：<input type="file">


    </form>
</body>
</html>